<layout name ="Index/common" />
<div class="banner">
	 <div class="container">
		 <div class="headr-right">
				<div class="details">
					<ul>
						<li><a href="mailto:mr.reboot@qq.com"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>info(at)Mr.Reboot</a></li>
						<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>(+86)177 3975 2367</li>
					</ul>
			  </div>
		 </div>
		 <div class="banner_head_top">
			  <div class="logo">
					 <h1><a href="__ROOT__/">Mr.Reboot<span class="glyphicon glyphicon-knight" aria-hidden="true"></span><span>Blog</span></a></h1>
			 </div>
			 <div class="top-menu">
			     <div class="content white">
					 <nav class="navbar navbar-default">
						 <div class="navbar-header">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
						 </div>
						 <!--/navbar header-->
						 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							 <ul class="nav navbar-nav">
								 <li class="active"><a href="__ROOT__/">首页</a></li>
								 <li class="dropdown">
									<a href="#" class="scroll dropdown-toggle" data-toggle="dropdown">博客<b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li><a href="__ROOT__/index/listArt">全部文章</a></li>
										<foreach name='cate' item='ct'>
											<li><a href="__ROOT__/index/listArt/cateid/{$ct.id}">{$ct.cate}</a></li>
										</foreach>
									</ul>
								 </li>
								<li><a href="__ROOT__/index/msg.html">留言反馈</a></li>
								<li><a href="__ROOT__/index/about.html">关于本站</a></li>
							 </ul>
							</div>
						  <!--/navbar collapse-->
					 </nav>
					  <!--/navbar-->
				 </div>
					 <div class="clearfix"></div>
					<script type="text/javascript" src="__HOME__/js/bootstrap-3.1.1.min.js"></script>
			  </div>
				 <div class="clearfix"></div>
		  </div>
		  <div class="banner-info">
			 <h3>Welcome to My Website</h3>
			 <h2>Mr.Reboot</h2>
		  </div>
	 </div>
</div>
<!---->
<div class="welcome">
	 <div class="container">
		 <div class="welcome-info">
				<h3>Welcome</h3>
				<h4>欢迎关注Mr.Reboot的博客</h4>
				<p>推荐本站。向您的朋友，同事或者同学推荐本站，以使大家共同进步。另外您还可以将本站加入浏览器收藏夹，以方便随时访问本站。</p>
	     </div>
	 </div>
</div>
<!---->
<div class="content">
	 <div class="container">
		  <div class="col-md-8 content-left">
			 <div class="information">
				 <h4>关于本站</h4>
				 <div class="information_grids">
					 <div class="info">
					 	<p><< PHP、MYSQL、LINUX >></p>
						 <p>这是记录了Mr.Reboot的自学和成长中的点点滴滴</p>
						 <a href="__ROOT__/index/about.html">Read more</a>
					 </div>
					 <div class="info-pic">
						 <img src="__HOME__/images/ps.png" class="img-responsive" alt=""/>
					 </div>
					 <div class="clearfix"></div>
				 </div>
			 </div>
			 <div class="games-grids">
					 <div class="game-grid-left">
						 <div class="grid1">
							 <h5 class="act"><a href="__ROOT__/index/listArt/cateid/2">MYSQL</a></h5>
							 <a href="__ROOT__/index/listArt/cateid/2"><img src="__HOME__/images/c1.png" class="img-responsive" alt=""/></a>
							 <div class="grid1-info">
								 <h4><a href="__ROOT__/index/listArt/cateid/2">MYSQL</a></h4>
								 <p>Mysql是最流行的关系型数据库管理系统，在WEB应用方面MySQL是最好的RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。</p>
							 </div>
							 <div class="more">
							 <a href="__ROOT__/index/listArt/cateid/2">Read more</a>
							 </div>
						 </div>
						 <div class="grid2">
							 <h5 class="race"><a href="__ROOT__/index/listArt/cateid/6">LINUX</a></h5>
							 <a href="__ROOT__/index/listArt/cateid/6"><img src="__HOME__/images/c2.jpg" class="img-responsive" alt=""/></a>
							 <div class="grid1-info">
								 <h4><a href="__ROOT__/index/listArt/cateid/6">LINUX</a></h4>
								 <p>Linux是一套免费使用和自由传播的类Unix操作系统，是一个基于POSIX和UNIX的多用户、多任务、支持多线程和多CPU的操作系统。它能运行主要的UNIX工具软件、应用程序和网络协议。</p>
							 </div>
							 <div class="more">
							 <a href="__ROOT__/index/listArt/cateid/6">Read more</a>
							 </div>
						 </div>
					 </div>
					 <div class="game-grid-right">
						 <div class="grid3">
							 <h5 class="sport"><a href="__ROOT__/index/listArt/cateid/1">PHP</a></h5>
							 <a href="__ROOT__/index/listArt/cateid/1"><img src="__HOME__/images/c3.jpg" class="img-responsive" alt=""/></a>
							 <div class="grid1-info">
								 <h4><a href="__ROOT__/index/listArt/cateid/1">PHP</a></h4>
								 <p>PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。PHP 是免费的，并且使用非常广泛。同时，对于像微软 ASP 这样的竞争者来说，PHP 无疑是另一种高效率的选项。</p>
							 </div>
							 <div class="more">
							 <a href="__ROOT__/index/listArt/cateid/1">Read more</a>
							 </div>
						 </div>
						 <div class="grid4">
							 <h5 class="race"><a href="__ROOT__/index/listArt/cateid/3">JavaScript</a></h5>
							 <a href="__ROOT__/index/listArt/cateid/3"><img src="__HOME__/images/c4.JPG" class="img-responsive" alt=""/></a>
							 <div class="grid1-info">
								 <h4><a href="__ROOT__/index/listArt/cateid/3">JavaScript</a></h4>
								 <p>JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。</p>
							 </div>
							 <div class="more">
							 <a href="__ROOT__/index/listArt/cateid/3">Read more</a>
							 </div>
						 </div>
					 </div>
					 <div class="clearfix"></div>
				 </div>
		  </div>
		  <div class="col-md-4 content-right">
			  <!-- Nav tabs -->
                <ul class="nav nav-tabs nav2" role="tablist">
                <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">最新文章</a></li>
                <li role="presentation" ><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">顶置文章</a></li>
                </ul>
               <!-- Tab panes -->
              <div class="tab-content">
				<div role="tabpanel" class="tab-pane active re-pad2" id="home">
					<foreach name='newArt' item='nA'>
						<div class="game1">
							<div class="col-md-3 tab-pic">
								<a href="__ROOT__/index/artdetial/id/{$nA.id}"><img src="__ROOT__/{$nA.smallimg}" alt="/" class="img-responsive"></a>
							</div>
							<div class="col-md-9 tab-pic-info">
							<h4><a href="__ROOT__/index/artdetial/id/{$nA.id}">{$nA.title}</a></h4>
							</div>
							<div class="clearfix"></div>
						</div>
					</foreach>
				</div>
				<div role="tabpanel" class="tab-pane re-pad2" id="profile">
					<foreach name='topArt' item='tA'>
						<div class="game-post">
							<div class="col-md-3 tab-pic">
								<a href="__ROOT__/index/artdetial/id/{$tA.id}"><img src="__ROOT__/{$tA.smallimg}" alt="/" class="img-responsive"></a>
							</div>
							<div class="col-md-9 tab-post-info">
							<h4><a href="__ROOT__/index/artdetial/id/{$tA.id}">{$tA.title}</a></h4>
							</div>
							<div class="clearfix"></div>
						</div>
					</foreach>
				</div>
			 </div>
			 <!---->
			 <div class="category blog-ctgry">
					<h4>热门文章</h4>
					<div class="list-group">
						<foreach name='hotArt' item='hA'>
							<a href="__ROOT__/index/artdetial/id/{$hA.id}" class="list-group-item">{$hA.title}</a>
						</foreach>
					</div>
			 </div>
			 <div class="photo-gallery">
				 <h4>文章图片</h4>
				<for start='0' end='9' step='3'>
					 <div class="gallery-1">
						<div class="col-md-4 gallery-grid-pic">
							<a class="example-image-link" href="__ROOT__/{$hotArt[$i][smallimg]}" data-lightbox="example-set"><img class="example-image" src="__ROOT__/{$hotArt[$i][smallimg]}" alt=""/></a>
						</div>
						<div class="col-md-4 gallery-grid-pic">
							<a class="example-image-link" href="__ROOT__/{$hotArt[$i+1][smallimg]}" data-lightbox="example-set"><img class="example-image" src="__ROOT__/{$hotArt[$i+1][smallimg]}" alt=""/></a>
						</div>
						<div class="col-md-4 gallery-grid-pic">
							<a class="example-image-link" href="__ROOT__/{$hotArt[$i+2][smallimg]}" data-lightbox="example-set"><img class="example-image" src="__ROOT__/{$hotArt[$i+2][smallimg]}" alt=""/></a>
						</div>
						<div class="clearfix"></div>
					 </div>
				</for>
			 </div>
		  </div>
		  <div class="clearfix"></div>
	 </div>
</div>
<script src="__HOME__/js/lightbox-plus-jquery.min.js"></script>